<template>
	<GlobalBG title="版本信息" :showHeader="true" :showBack="true">
		<view class="container">
			<view class="info-version">
				<image class="versionImg" src="/src/static/images/xgjd/version.png"></image>
				<text class="versionText">v1.0.3</text>
				<text class="n-text">2024-03-20</text>
				<text class="n-text">当前已是最新版本</text>
				<view class="line"></view>
				<view class="title-label">更新内容</view>
				<view class="update-text">
					新增视频监控功能，支持多场景实时查看
					优化事件处理流程，提升操作效率
					改进地图展示效果，支持热力图显示
					修复已知问题，提升系统稳定性
				</view>
			</view>
		</view>
	</GlobalBG>
</template>

<script setup lang="ts">
	import { ref } from "vue";
</script>

<style lang="scss" scoped>
	.container {
		width: 100%;
		height: 100%;
		padding: 38rpx 28rpx;

		.info-version {
			width: 100%;
			height: 853rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 56rpx 0rpx rgba(70, 102, 149, 0.06);
			border-radius: 15rpx;
			text-align: center;
			padding: 123rpx 34rpx 0 34rpx;

			.versionImg {
				width: 108rpx;
				height: 108rpx;
				margin: 0 auto;
				display: block;
			}

			.versionText {
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				font-size: 62rpx;
				color: #333333;
				line-height: 87rpx;
				display: block;
			}

			.n-text {
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 27rpx;
				color: #666666;
				line-height: 38rpx;
				display: block;
				margin: 5rpx 0;
			}

			.line {
				width: 100%;
				height: 2rpx;
				background: #EEEEEE;
				margin-top: 58rpx;
			}

			

			.update-text {
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 27rpx;
				color: #666666;
				line-height: 38rpx;
				text-align: left;
				padding:0 32rpx
			}
			.title-label {
				margin-top:58rpx;
				margin-bottom: 25rpx;
				padding:0 32rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 600;
				font-size: 31rpx;
				color: #333333;
				line-height: 42rpx;
				text-align: left !important;
			}

		}
	}
</style>